<template>
	<div class="aboutUs">
		<!--关于我们二级页面-->
		<div style="width: 100%;position: relative;display: flex;justify-content: center;">
			<img class="banner"  src="../../../../static/img/banner_aboutUs.png" />
			<div style="margin:0 auto;position: absolute;top: 40%;text-align: center;color: white;font-size: 22px;">
				<p class="banner-title">关于我们</p>
				<p class="banner-text">ABOUT&US</p>
			</div>
		</div>
		<div style="width: 100%;background-color: #f7f7f7;">
			<div class="body-width">
				<Row>
					<Col class="small-hiddle" span="5" style="padding: 20px 0px;background-color: white;border: 1px solid #f5f1f1;">
						<div style="background-color: white;">
							<div style="width: 100%;height:50px;display: flex;justify-content: center;align-items: center;background-color: #009A00;font-size: 16px;font-weight: bold;color: white;">
								公司介绍
							</div>
							<div style="width: 100%;height: 1px;background-color: #f7f7f7;"></div>
							<div style="width: 100%;height:50px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;">
								公司口碑
							</div>
							<div style="width: 100%;height: 1px;background-color: #f7f7f7;"></div>
							<div style="width: 100%;height:50px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;">
								我们的优势
							</div>
						</div>
					</Col>
					<Col :xs="24" :lg="19"  class="body-padding">
						<div style="width: 100%;background-color: white;border: 1px solid #f5f1f1;">
							<Row >
								<Col span="24" style="padding: 40px 0px 0px 0px;display: flex;align-items: center;">
									<span style="display: inline-block;width: 5px;height: 25px;background-color: #009A00;"></span>
									<span style="font-size: 20px;color: #009A00;font-weight: bold;padding-left: 20px;">
										公司简介
									</span>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 20px 0px 0px 0px;display: flex;justify-content: center;">
									<span style="font-size: 30px;color: #000000;">
										蕙嫂家政
									</span>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 0px 0px 0px 0px;display: flex;justify-content: center;">
									<span style="font-size: 15px;color: #000000;">
										细心 耐心 让您放心
									</span>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 30px;">
									<p style="font-size: 14px;color: #676767;">
										蕙嫂（厦门）家政服务有限公司（简称：蕙嫂家政），公司成立于2018年8月20日，注册资金100万元，厦门家协会员单位，是一家集家政服务和培训为一体的全能型服务机构，目前已为上千户家庭提供了高品质的家庭服务并得到一致好评。公司位处厦门市集美区嘉庚体育馆地段，独特的地理优势，便捷的交通路线，节约客户和学员的时间成本，让您享受如邻家大嫂般的贴心服务。
									</p>
									<p style="font-size: 14px;color: #676767;padding-top: 5px;">
										“蕙嫂家政”创始人先后在上市企业、外资企业及大专院校拥有16年的相关管理经验，公司同时拥有一支庞大的家政、保姆、钟点工、清洁、服务专业的队伍。为迎合现代高端家庭的客户需求，公司引进香港家政管理运营机制，采用严谨、专业、用心的教育模式培育家政人员。所有员工的技能培训和专业素养由公司严格把关，旨在让每位客户都享受最优质的家庭服务。
									</p>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 20px 0px 0px 0px;display: flex;align-items: center;">
									<span style="display: inline-block;width: 5px;height: 25px;background-color: #009A00;"></span>
									<span style="font-size: 20px;color: #009A00;font-weight: bold;padding-left: 20px;">
										公司口碑
									</span>
								</Col>
							</Row>
							<Row >
								<Col span="8" style="padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;">
									<img src="../../../../static/img/aboutUs_icon/aboutUs_icon_4.png"/>
									<p style="font-size: 16px;color: #000000;font-weight: bold;padding: 5px;">
										服务宗旨
									</p>
									<p style="font-size: 14px;color: #000000;">
										与你同行，爱传万家
									</p>
								</Col>
								<Col span="8" style="padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;">
									<img src="../../../../static/img/aboutUs_icon/aboutUs_icon_1.png"/>
									<p style="font-size: 16px;color: #000000;font-weight: bold;padding: 5px;">
										经营理念
									</p>
									<p style="font-size: 14px;color: #000000;">
										对客户负责，专业服务，品质保证
									</p>
								</Col>
								<Col span="8" style="padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;">
									<img src="../../../../static/img/aboutUs_icon/aboutUs_icon_2.png"/>
									<p style="font-size: 16px;color: #000000;font-weight: bold;padding: 5px;">
										帮助就业
									</p>
									<p style="font-size: 14px;color: #000000;">
										回馈社会，共建美好
									</p>
								</Col>
							</Row>
							<Row >
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;">
									<img src="../../../../static/img/aboutUs_icon/aboutUs_icon_5.png"/>
									<p style="font-size: 16px;color: #000000;font-weight: bold;padding: 5px;">
										文化理念
									</p>
									<p style="font-size: 14px;color: #000000;">
										专业，用心，谨慎，合作，共赢
									</p>
								</Col>
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;">
									<img src="../../../../static/img/aboutUs_icon/aboutUs_icon_3.png"/>
									<p style="font-size: 16px;color: #000000;font-weight: bold;padding: 5px;">
										服务理念
									</p>
									<p style="font-size: 14px;color: #000000;">
										爱心，耐心，细心，放心，舒心，开心
									</p>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 30px;">
									<p style="font-size: 14px;color: #676767;">
										公司采用严谨、专业、用心的教育模式培育出一批批优秀的家政人员。所有员工，技能和专业素养公司严格把关，进行专业的训练和培训，旨在让每位客户都享受最优质的家庭服务
									</p>
								</Col>
							</Row>
							<Row >
								<Col span="24" style="padding: 40px 0px 0px 0px;display: flex;align-items: center;">
									<span style="display: inline-block;width: 5px;height: 25px;background-color: #009A00;"></span>
									<span style="font-size: 20px;color: #009A00;font-weight: bold;padding-left: 20px;">
										我们的优势
									</span>
								</Col>
							</Row>
							<Row >
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;">
									<img style="width: 100%;" src="../../../../static/img/aboutUs_img/aboutUs_img_2.png"/>
									<p style="font-size: 16px;color: #000000;padding: 10px 0px;">家政员上岗严格筛选</p>
									<p style="font-size: 14px;color: #676767;">对家政从业人员的年龄、身份、健康以及仪容仪表等各方面进行严格筛选，保证服务人员真实背景。</p>
								</Col>
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;">
									<img style="width: 100%;" src="../../../../static/img/aboutUs_img/aboutUs_img_1.png"/>
									<p style="font-size: 16px;color: #000000;padding: 10px 0px;">技能测试、考核</p>
									<p style="font-size: 14px;color: #676767;">对通过筛选的家政服务员，进行专业理论考试和实操技能测试，严格把控每位人员的技能水平。</p>
								</Col>
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;">
									<img style="width: 100%;" src="../../../../static/img/aboutUs_img/aboutUs_img_5.png"/>
									<p style="font-size: 16px;color: #000000;padding: 10px 0px;">综合技能，考评量级</p>
									<p style="font-size: 14px;color: #676767;">通过工作经历、技能证书及客户满意度等多方面进行综合星级评价——初级、中级、高级、金牌VIP级 </p>
								</Col>
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;">
									<img style="width: 100%;" src="../../../../static/img/aboutUs_img/aboutUs_img_4.png"/>
									<p style="font-size: 16px;color: #000000;padding: 10px 0px;">专业培训，技能提升，放心上岗</p>
									<p style="font-size: 14px;color: #676767;">不论家政服务员之前技能如何，加入“蕙嫂家政”后都必须经过系统的专业的技能培训 ，合格之后允许上岗，真正做到保证家政员的专业水平、技能操作、职业素养、礼仪道德绝对保证服务质量，</p>
								</Col>
								<Col span="12" style="padding: 20px;display: flex;flex-direction: column;">
									<img style="width: 100%;" src="../../../../static/img/aboutUs_img/aboutUs_img_3.png"/>
									<p style="font-size: 16px;color: #000000;padding: 10px 0px;">平台监管，跟踪回访</p>
									<p style="font-size: 14px;color: #676767;">严格保证服务质量，落实售后服务，定期回访，真正做用爱心、耐心、让您放心无忧，安心舒适，享受至尊的家庭品质生活。</p>
								</Col>
							</Row>
						</div>
					</Col>
				</Row>
			</div>
		</div>
		
		
		
		
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				value2: 0
			}
		}
	}
</script>

<style lang="css" scoped>
	/** 电脑 **/
	@media only screen and (min-width: 540px){
		
		.aboutUs >>>.banner{
			width: 100%;
			height: 300px;
			display: block;
		}
		.aboutUs >>> .banner-title{
			font-size: 50px;
			text-shadow: 1px 1px 1px #000000
		}
		.aboutUs >>> .banner-text{
			font-size: 28px;
			text-shadow: 1px 1px 1px #000000
		}
		.aboutUs >>> .body-width{
			width: 1200px;
			margin:0 auto;
			padding-top: 20px;
		}
		.aboutUs >>> .body-padding{
			padding: 0px 20px;
		}
		
	}
	/** 手机 **/
	@media only screen and (max-width: 540px) {
		.aboutUs >>>.banner{
			width: 100%;
			height: 150px;
			display: block;
		}
		.aboutUs >>> .banner-title{
			font-size: 28px;
			text-shadow: 1px 1px 1px #000000
		}
		.aboutUs >>> .banner-text{
			font-size: 18px;
			text-shadow: 1px 1px 1px #000000
		}
		.aboutUs >>> .body-width{
			width: 100%;
			margin:0 auto;
			padding-top: 20px;
		}
		.aboutUs >>> .body-padding{
			padding: 0px 0px;
			margin-top: -20px;
		}
		.aboutUs >>> .small-hiddle {
			display: none !important;	
		}
		
	}
</style>